<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>测试弹出层效果</title>
		<!--引入js文件-->
		<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="js/plugins/layer/layer.js"></script>
		<!--引入common.js,支持弹出层的重写-->
		<script type="text/javascript" src="js/common.js"></script>
	</head>

	<body>
		<div id="one">one</div>
		<button id="testAlert" type="button">测试alert</button>
		<button id="testConfirm" type="button">测试confirm</button>
	</body>

	<script type="text/javascript">
		//1.测试alert
		$("#testAlert").click(function() {
			alert("要修改id为one的文本内容", function() {
				//改变id为one的文本内容
				$("#one").text("id为one的文本内容已经被修改.");
			});
		});

		//2.测试confirm
		$("#testConfirm").click(function() {
			confirm("确定删除数据吗?", function() {
				//可以发出ajax请求，使得后台数据被删除
				alert("已经发出ajax请求,删除数据.")
			});
		});
	</script>

</html>